<template>
  <div class="deploy">
      <h1>游戏部署</h1>
      <div class="deployPane" v-on:click="tryDeploy"></div>
      <p>完成坐标格测试，可在控制台中看到坐标格的输出</p>
  </div>
</template>

<script>
// import Vue from 'Vue'
// import { mapActions } from 'vuex'
export default {
  methods: {
    tryDeploy: (e) => {
      console.log('部署坐标', Math.floor((e.layerX - e.target.offsetWidth * 0.0636) / (e.target.offsetWidth * 0.9364) * 10), Math.floor((e.layerY - e.target.offsetWidth * 0.0636) / (e.target.offsetWidth * 0.9364) * 10))
    }
  },
  created () {
    // this.$store.dispatch('currentStage')
    // setTimeout(this.goStartPage, 3000)
  },
  name: 'Logo'
}
</script>

<style>
    .deploy {
    }
    .deployPane{
        position: relative;
        margin: 0 auto;
        background: url(../../static/img/girds.gif);
        background-size: 100% 100%;
        width: 96vw;
        height: 96vw;
        max-width: 550px;
        max-height: 550px;
    }
</style>
